import React, { PureComponent } from "react"
import Styles from '@/scss/rights.scss'
//引入列表渲染组件
import ListRender from "@/pages/components/rights/list/list_conent/listli"
import ListTitle from "@/pages/components/rights/list/list_reveal/listtitle"
//右边头部组件，判断相应显示页面的title 传入当前显示页面的的类型
class UlRender extends PureComponent<Iprops, any>{

  render() {
    return (
      (<div>
        <ul className={Styles.ul_list}>
          {//使用列表title组件
            <ListTitle arr={this.props.Arr} title={this.props.title} />
          }
          {//使用li渲染组件
            <ListRender batchdels={this.props.batchdels} Func={this.props.Func} arr={this.props.Arr} batchdel={this.props.batchdel} />
          }
        </ul>
      </div>)
    )
  }

}
//props类型定义
type Iprops = {
  Arr: any[],
  title: string,
  Func: {},
  batchdel:boolean,
  batchdels:string[]
}
export default UlRender